<template>
    <div class="">
        <div class="no-order">
            <div class="mar_b30" v-if="state=='0'">
                <img src="@/assets/img/order/zannoorder.png" class="empty-img">
                <div class="placeholder-page-title">暂无订单</div>
            </div>
            <div class="mar_b30" v-if="state=='1'">
                <img src="@/assets/img/order/noorder.png" class="empty-img">
                <div class="placeholder-page-title">暂无新订单</div>
            </div>
            <div class="mar_b30" v-else-if="state=='2'">
                <img src="@/assets/img/order/noyuorder.png" class="empty-img">
                <div class="placeholder-page-title">暂无预订单提醒</div>
            </div>
<!--            <div class="mar_b30" v-else-if="state=='3'">-->
<!--                <img src="@/assets/img/order/psyc.png" class="empty-img">-->
<!--                <div class="placeholder-page-title">暂无配送异常</div>-->
<!--            </div>-->
            <div class="mar_b30" v-else-if="state=='3'">
                <img src="@/assets/img/order/cuidan.png" class="empty-img">
                <div class="placeholder-page-title">暂无催单</div>
<!--                <p class="spanlink fon_12 curs">查看近24小时催单记录</p>-->
            </div>
            <div class="mar_b30" v-else-if="state=='4'">
                <img src="@/assets/img/order/quxiaodan.png" class="empty-img">
                <div class="placeholder-page-title">暂无取消单</div>
            </div>
            <div class="mar_b30" v-else-if="state=='5'">
                <img src="@/assets/img/order/tuidan.png" class="empty-img">
                <div class="placeholder-page-title">暂无售后订单</div>
<!--                <p class="spanlink fon_12 curs">查看近10日退单记录</p>-->
            </div>
<!--            <div class="mar_b30" v-else-if="state=='7'">-->
<!--                <img src="@/assets/img/order/chucanman.png" class="empty-img">-->
<!--                <div class="placeholder-page-title">暂无可申诉的出餐慢订单</div>-->
<!--                <p class="spanlink fon_12 curs">查看近10日申诉记录</p>-->
<!--            </div>-->
        </div>
    </div>
</template>

<script>
    export default {
        name: "orderState",
        components: {
        },
        props: {
            state: {
                type: String,
                default: '1',
            },
        },
        created() {
        },
        data() {
            return {
                form: {
                    id:'',
                    tel: "",
                    note: "",
                },
            }
        },
        methods: {

        }
    };
</script>
<style lang="scss" scoped>
    .no-order {
        margin-top: 100px;
        color: #878d99;
        text-align: center;
        letter-spacing: 1px;
    }

    .empty-img {
        width: 160px;
    }

    .placeholder-page-title {
        color: #303133;
        font-size: 24px;
        font-weight: 500;
    }
    .spanlink {
        color: #1e93ff;
    }
</style>
